.cate-food {
    height: 250rpx;
    background: #fff;
    position: relative;
    display: flex;
    padding: 10rpx 0;

    .recommend {
        position: absolute;
        top: 0;
        left: 0;
        width: 100rpx;
        height: 45rpx;
        display: flex;
        align-items: center;
        justify-content: center;

        text {
            position: relative;
            color: #fff;
            font-size: 26rpx;
        }

        image {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
    }

    &__thumb {
        flex: 1;

        image {
            height: 100%;
            transform: scale(.8);
        }
    }

    &__content {
        display: flex;
        flex: 2;
        flex-direction: column;
        justify-content: space-between;
    }

    &__title {
        font-weight: 600;
        font-size: 30rpx;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    &__desc,
    &__grade {
        font-size: 24rpx;
        color: #999;
        margin-top: 5rpx;
    }

    &__desc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    &__grade {
        margin-top: 10rpx;
    }

    &__bottom {
        line-height: 32rpx;

        .price {
            display: inline-block;
            color: #f3552e;
            font-weight: 600;
            font-size: 30rpx;
        }

        .original-price {
            display: inline-block;
            margin-left: 5PX;
            font-size: 24rpx;
            text-decoration: line-through;
            color: #969799;
        }
    }

    &__extra {
        font-size: 26rpx;
        border: 1px solid #fabfc5;
        color: #fa7862;
        display: inline-block;
        height: 40rpx;
        line-height: 40rpx;
        border-radius: 20rpx;
        margin-top: 20rpx;
        text-align: center;
        padding: 0 20rpx;
    }

    &__cart {
        position: absolute;
        bottom: 5PX;
        right: 5PX;
    }
}